@media only screen and (min-width:360px)and (max-width:915px){
  .top-nav{
display: none;
  }
  .about-container .container{
    width: 95vw;
  }
.about-container .container .hero img{
  width: 300px;
}
.container-fluid1 .container{
  width: 90vw;
  padding-left: 20px;
}

.container-fluid1 .container .contant{
  margin-left: 1px;
  font-family: "Gothic A1", sans-serif;

}
.about-container .container .contant{
  margin-left: 1px;
}
.container-fluid1 .container .image img{
  width: 300px;
}
.container-fluid2 .container{
  padding: 20px;
}
.container-fluid3 .container{
  padding: 20px;
}
.container-fluid3 .container .image img{
  width: 300px;
  margin-left: 6%;
}
.Strengths-container .container{
  padding: 20px;
}
.Strengths-container .container .image img{
  width: 300px;
}
.together-container .container{
  width: 90vw;
}
.table-container {
  width: 100vw;
}
  .container-fluid4 .container{
    width: 90vw;
  }
  .container-fluid4 .container .image img{
    width:300px ;
  }
  .table-container .container {
    width: 95vw;
}
/* offcanvas */
.offcanvas {
  width: 65vw !important;

 
}
.offcanvas .offcanvas-header button{
/* color:white; */

margin:10px 10px 0 0;}

.offcanvas .offcanvas-body ul li a{
  color: white !important;
}
.offcanvas .offcanvas-body ul li  .dropdown-menu {
        color: white !important;
}
.offcanvas .offcanvas-body ul li  .dropdown-menu .dropdown-item {
  
  overflow: hidden;
  color: white !important;
}

    
     /* footer */
     .contact-footer .container .image{
        margin: 0px -12px -50px -24px;
        padding: 30px 50px 30px 50px;
       }
       .contact-footer .container .image .con a{
        font-size: 35px;
  
       }
       .contact-footer .container .contant{
        margin: 0px -12px -50px -24px;
        padding:20px 50px 50px 50px;
        
       }
       .contact-footer .container .contant h2{
        font-size: 19px;
        font-weight: 600;
      
       }
       .contact-footer .container .contant p{
        font-size: 17px;
        font-weight: 510;
       }
       .contact-footer .container .image .con a {
        font-size: 30px;
       }

       
}
@media only screen and (min-width:393px)and (max-width:915px){
     /* footer */
     .contact-footer .container .image{
        margin: 0px -12px -50px -24px;
        padding: 30px 50px 30px 50px;
       }
       .contact-footer .container .image .con a{
        font-size: 35px;
  
       }
       .contact-footer .container .contant{
        margin: 0px -12px -50px -24px;
        padding:20px 50px 50px 50px;
        
       }
       .contact-footer .container .contant h2{
        font-size: 25px;
        font-weight: 600;
      
       }
       .contact-footer .container .contant p{
        font-size: 17px;
        font-weight: 510;
       }
}


@media only screen and (min-width:393px)and (max-width:915px){
    /* footer */
    .contact-footer .container .image{
      margin: 0px -12px -50px -24px;
      padding: 30px 50px 30px 50px;
     }
     .contact-footer .container .image .con a{
      font-size: 30px;
   
     }
     .contact-footer .container .contant{
      margin: 0px -12px -50px -24px;
      padding:20px 50px 50px 50px;
      
     }
     .contact-footer .container .contant h2{
      font-size: 24px;
      font-weight: 600;
    
     }
     .contact-footer .container .contant p{
      font-size: 17px;
      font-weight: 510;
     }
   }

   @media only screen and (min-width:720px)and (max-width:1140px){
    .about-container .container .hero img{
      width: 380 !important;
    }
    .container-fluid4 .container .image img{
      width:680px ;
      margin-bottom: 20px;
    }
    .table-container .container {
      width: 95
      vw;
  }
   }
   /*========== Tablet view ============*/
   @media only screen and (min-width:769px)and (max-width:1024px){
    /* About section start */
    .about-container .container .hero img{
      height: 30vh;
      width: 78vw;
    }
    .about-container .container .contant{
      margin-top: 20px;
      margin-bottom: -30px;
    }
    /* fluid section start */
    .container-fluid1 .container .image img{
      height: 30vh;
      width: 84vw;
    }
    .container-fluid1 .container .contant h2,h4,p{
          font-family: "Gothic A1", sans-serif;

    }
    /* our mision section start */
    .container-fluid2 .container .image img{
       height: 30vh;
      width: 84vw;
    }
    /* our vision section start */
    .container-fluid3 .container .image img{
       height: 30vh;
      width: 86vw;
      margin-left: -8px;
    }
     /* our Strenghts section start */
    .Strengths-container .container .image img{
       height: 30vh;
      width: 84vw;
    }
    /* footer */
.contact-footer .container .contant{
   margin-left: -63px;
   height: 194px;
}
.contact-footer .container .contant {
   padding-top: 40px;
}


.contact-footer .container .image{
   margin:0 -63px 0 -12px;
   height: 194px;
   padding-top: 70px !important;
   gap: 5px;
}
.container-footer{
   margin-top: -80px;
}
}